$(() => {
    //二次封装Ajax


    let obj1 = {
        perpage: 10,
        page: 1
    }


    let getList = function (data) {
        myAjax('get', '/admin/article/query', obj1, (res) => {
            let htmlStr = template('moban', res)
            $('tbody').html(htmlStr)
            // console.log(res.data.totalCount);
            show(res.data.totalCount)

        })
        // $.ajax({
        //     type: 'get',
        //     url: 'http://localhost:8080/api/v1/admin/article/query',
        //     headers: {
        //         Authorization: localStorage.getItem('dsj_token')
        //     },
        //     data,

        //     success: (res) => {
        //         // console.log(res);
        //         let htmlStr = template('moban', res)
        //         $('tbody').html(htmlStr)

        //     }

        // })
    }
    getList()

    $('#btnSearch').on('click', () => {
        let val = $('#aname').val().trim()
        obj1.key = val
        let categoryId = $('#selCategory').val()
        obj1.type = categoryId
        let state = $('#selStatus').val()
        obj1.state = state

        getList()

    })



    let getCategoryList = function () {
        myAjax('get', '/admin/category/list', {}, (res) => {
            let htmlStr = template('category', res)
            $('#selCategory').html(htmlStr)
        })
    }
    getCategoryList()
    // let ye = 1
    // let arr = []
    // arr[0] = 1
    // // arr[36] = 37
    // for (let i = 1; i < 37; i++) {
    //     arr[i] = i + 1
    // }
    // let obj = {
    //     a: arr
    // }
    $('tbody').on('click', '.delete', function () {


        let id = $(this).data('id')
        layer.confirm('是否删除?', { icon: 3, title: '温馨提示' }, function (index) {
            //do something
            myAjax('post', '/admin/article/delete', { id }, (res) => {
                getList()
            })
            layer.close(index);
        });

        // console.log(id);
        // $.ajax({
        //     type: 'post',
        //     url: 'http://localhost:8080/api/v1/admin/article/delete',
        //     headers: {
        //         Authorization: localStorage.getItem('dsj_token')
        //     },
        //     data: {
        //         id
        //     },
        //     success: (res) => {
        //         console.log(res);
        //         getList()
        //     }

        // })
    })


    let show = function (count) {
        layui.use('laypage', function () {
            var laypage = layui.laypage;

            //执行一个laypage实例
            laypage.render({
                elem: 'test1', //注意，这里的 test1 是 ID，不用加 # 号

                count,
                limit: obj1.perpage,
                curr: obj1.page, //数据总数，从服务端得到
                jump: function (obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    // console.log(obj);

                    //首次不执行
                    if (!first) {
                        //do something
                        // console.log(obj.curr);
                        obj1.page = obj.curr
                        getList()
                    }
                }
            });
        })
    }
    // $('tbody').on('click', '.btn_compile', function () {
    //     let id = $(this).data('id')
    //     location.href = `article_edit.html?id=${id}`
    // })

})